/* 布局样式 */
.flex {
	display: flex;
}

/* 行式弹性盒子 */
.flex-row {
	display: flex;
	flex-direction: row;
}

/* 列式弹性盒子 */
.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-1 {
	flex: 1;
}

.align-center {
	align-items: center;
}

.cc {
	display: flex;
	justify-content: center;
	align-items: center;
}

.lfc {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.tbc {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* 行式居中弹性盒子 */
.flex-row-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* 行式space-around弹性盒子 */
.flex-row-around {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

/* 行式space-around弹性盒子 */
.flex-row-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

/* 列式弹性盒子 */
.flex-col-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* 弹性盒子弹性容器 */
.flex-col .flex-grow {
	width: 0;
	flex-grow: 1;
}

.flex-row .flex-grow {
	flex-grow: 1;
}

/* 弹性盒子允许换行 */
.flex-wrap {
	flex-wrap: wrap;
}

/* 弹性盒子不允许换行 */
.flex-nowrap {
	flex-wrap: nowrap;
}


/* 弹性盒子快速分栏 ,这里非常郁闷 uniapp 居然不支持 * 选择器 */
.flex-col.flex-col-2>view {
	width: 50%;
}

.flex-col.flexcol-3>view {
	width: 33.33333%;
}

.flex-col.flex-col-4>view {
	width: 25%;
}

.flex-col.flex-col-5>view {
	width: 20%;
}

.flex-col.flex-col-6>view {
	width: 16.66666%;
}